<div id="searchHandlePermissionArea" class="tab-pane in active">
    <form class="form" id="search_${searchFormId}" action="${actionUrl}" role="form">
        <input type="hidden" name="containerId" value="${containerId}">
        <input type="hidden" name="searchFormId" value="${searchFormId}">
        <input type="hidden" name="menuPermissionId" value="${menuPermissionId}">
        <input type="hidden" name="objType" value="${objType}">
        <input type="hidden" name="objId" value="${objId}">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="name">操作权限名称</label>
                    <input type="text" class="form-control" name="name" placeholder="操作权限名称" value="${search_map.name[0]}">
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="pageName">页面名称</label>
                    <input type="text" class="form-control" name="pageName" placeholder="页面名称" value="${search_map.pageName[0]}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="tagName">标签元素</label>
                    <input type="text" class="form-control" name="tagName" placeholder="标签元素" value="${search_map.tagName[0]}">
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="innerHtml">内部html</label>
                    <input type="text" class="form-control" name="innerHtml" placeholder="内部html" value="${search_map.innerHtml[0]}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="code">编码</label>
                    <input type="text" class="form-control" name="code" placeholder="编码" value="${search_map.code[0]}">
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="idAttr">ID属性</label>
                    <input type="text" class="form-control" name="idAttr" placeholder="ID属性" value="${search_map.idAttr[0]}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="sr-only" for="weight">权重</label>
                        <input type="number" class="spinner-input form-control" maxlength="3"name="weight" placeholder="权重" value="${search_map.weight[0]}">
                </div>
            </div>
            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-xs-4 control-label" for="isForbidden" style="padding-top: 10px;">禁用</label>
                    <select name="isForbidden" class="selectpicker col-xs-8" data-live-search="true">
                        <optgroup label="选择" data-icon="icon-ok">
                            <option value="">所有</option>
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </optgroup>
                    </select>
                    <script type="text/javascript">
                        $("[name='isForbidden']").val("${search_map.isForbidden[0]}");
                    </script>
                </div>
            </div>
        </div>
        <button type="button" class="btn btn-info shiny search" id="hpl_search" onclick="loadhandlePermissionList('${containerId}','search_${searchFormId}','${objType}','${objId}','${menuPermissionId}')">
            <i class="fa fa-search"></i>搜索
        </button>
        <a class="btn btn-success" onclick="showDetail(-1)">
            <i class="fa fa-plus"></i>新增
        </a>
    </form>
</div>
<div class="topPagingBar">
	${pagingBar}
</div>
<div class="table-scrollable">
	<!-- 数据表列信息列表 -->
	<table class="table table-bordered dataTable fixedTable">
		<thead>
			<tr>
				<th title="属性名">序号</th>
				<th style="width: 50px">操作</th>
				<th title="权限名称">权限名称</th>
				<th title="是否禁用">禁用</th>
				<th title="页面名称">页面名称</th>
				<th title="编码">编码</th>
				<th title="标签元素">标签元素</th>
				<th title="内部html">内部html</th>
				<th title="Id 属性">Id 属性</th>
				<th title="权重">权重</th>
			</tr>
		</thead>
		<tbody>
			<#if page_bean.list?size==0>
				<tr>
					<td align="center" colspan="10">无数据</td>
				</tr>
			</#if>
			<#list page_bean.list as data>
				<tr>
					<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
					<td align="center">	
						<div class="btn-group">
	                       <a class="btn btn-default btn-xs icon-only  blue" title="设置" href="javascript:#settings" onclick="loadhandlePermissDetails('${data.id}','${data.adminUserPermissionAllot.menuPermission.name}${data.rolePermissionAllot.menuPermissions.name}','${data.name???string(data.name?html,"")}')" targetCallbackClickTagId="hpl_search" deleteUrl="${deleteUrl}" targetDataId="${data.id}"><i class="fa fa-cog"></i></a>
	                    </div>
						<a class="btn btn-default btn-xs icon-only green" title="编辑" href="javascript:void(0);"  onclick="showDetail('${data.id}',false)"><i class="fa  fa-edit"></i></a>
						<a class="btn btn-default btn-xs icon-only green" title="复制" href="javascript:void(0);"  onclick="copyDetail('${data.id}')"><i class="fa  fa-copy"></i></a>
						<a class="btn btn-default btn-xs icon-only red delete" title="删除" href="javascript:void(0);" targetCallbackClickTagId="hpl_search" deleteUrl="${deleteUrl}" targetDataId="${data.id}"><i class="fa fa-trash-o"></i></a>
					</td>
					<td>${(data.name???string(data.name?html,""))!'未设置'}</td>
					<td>${data.isForbidden?string("是","否")}</td>
					<td>${(data.pageName???string(data.pageName?html,""))!'未设置'}</td>
					<td>${(data.code???string(data.code?html,""))!'未设置'}</td>
					<td>${(data.tagName???string(data.tagName?html,""))!'未设置'}</td>
					<td>${(data.innerHtml???string(data.innerHtml?html,""))!'未设置'}</td>
					<td>${(data.idAttr???string(data.idAttr?html,""))!'未设置'}</td>
					<td>${(data.weight???string(data.weight?html,""))!'未设置'}</td>
				</tr>
			</#list>
		</tbody>
	</table>
</div>
 ${pagingBar}
<script src="assets/js/fuelux/spinner/fuelux.spinner.min.js"></script>
<script>
//初始化表单验证
inintValidatorForm($("#editForm_${serializeNum}"));
//数字输入
$(".spinner").spinner();
//复制详情
function copyDetail(id){
    showDetail(id,true);
}
//点击编辑显示信息
function showDetail(id,isCodpy){
    Http.get(ctx + "permissionSetting/showHandlePermissionsView.do", {
        id: id,
        copy:isCodpy,
        menuPermissionId:"${menuPermissionId}"
    }, function (html) {
        bootbox.dialog({
            message: html,
            title: "编辑菜单操作权限",
        });
    }, function () {
        logger.error("加载跟进界面失败!");
    }, "html");
}
</script>